<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="Cache-Control" content="No-Cache">
	<meta http-equiv="Pragma" content="No-Cache">
	
	<title>운세의신</title>
	
	<link rel="stylesheet" type="text/css" href="/css/common.css" />
	<link rel="stylesheet" type="text/css" href="/css/join.css"/>
	
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			
			$('#confirmBtn').click(function() {
				
				var check1 = $('#check1:checked').val();
				var check2 = $('#check2:checked').val();

				if (check1 == 'Y' && check2 == 'Y') {
					var frm = $('#frm');
					frm.submit();
				} else {
					alert("약관에 동의하셔야 합니다.");
				}
			});
		});
	</script>
</head>
<body>
<div id="wrap">
	<!-- Header -->
	<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/commons/main_header.php'; ?>
	<!--// Header -->
    
    <!--커튼 데코레이션-->
	<div class="drapes">
		<p class="drap1"><img src="/images/main/drapes.png" /></p>
        <p class="keybox blind">키비쥬얼</p>
		<p class="drap2"><img src="/images/main/drapes.png" /></p>
	</div>
	<!--//커튼 데코레이션-->
	
	<!-- Contents -->
	<div class="container">
		<!--서브타이틀-->
		<h2 class="tjoin blind">회원가입</h2>
		<!--//서브타이틀-->

		<!--컨텐츠영역-->
		<div class="contents">
			<!--sub-->
			<div class="sub">
				<!--상단네비위치-->
				<div class="joinnavi">
					<ul class="blind">
						<li class="m1 over">약관동의</li>
						<li class="m2">실명인증</li>
						<li class="m3">회원정보입력</li>
						<li class="m4">무료회원가입완료</li>
					</ul>
				</div>
				<!--//상단네비위치-->

				<form method="post" id="frm" action="/member/join/identity_check">
					
				<!--서비스이용약관-->
				<div class="agreement">
					<h3 class="blind">서비스이용약관</h3>
					<div class="bx">
						<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/policy/policy_service.php'; ?>
					</div>
					<div class="check">
						<input name="check1" id="check1" class="check" type="checkbox" value="Y" />
						<label for="check1">이용약관에 동의합니다.</label>
					</div>
				</div>
				<!--//서비스이용약관-->

				<!--개인정보수집 및 이용에 대한 안내-->
				<div class="information">
					<h3 class="blind">개인정보수집 및 이용에 대한 안내</h3>
					<div class="bx">
						<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/policy/policy_privacy.php'; ?>
					</div>
					<div class="check">
						<input name="check2" id="check2" class="check" type="checkbox" value="Y" />
						<label for="check2">이용약관에 동의합니다.</label>
					</div>
				</div>
				<!--//개인정보수집 및 이용에 대한 안내-->
				
				</form>

				<div class="bt_area">
					<a href="javascript:;" name="confirmBtn" id="confirmBtn" class="btyes"><img src="/images/member/bt_ok.png" alt="동의" /></a> 
					<a href="javascript:location.href='/';" class="btno"><img src="/images/member/bt_no.png" alt="동의하지않습니다" /></a>
				</div>
			</div>
			<!--//sub-->
		</div>
		<!--//컨텐츠영역-->

		<div class="line"></div>

		<!--이벤컨텐츠영역--> 
		<div class="joinbenefit">
			<h3 class="blind">운세의 신 무료가입 파격 혜택</h3>
			<p><img src="/images/member/img_freejoin.png" alt="운세의 신 무료가입 파격 혜택내용" /></p>
		</div>
		<!--//이벤컨텐츠영역--> 

	</div>
	<!--// Contents -->
	
	<!-- Footer -->
	<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/commons/main_footer.php'; ?>
	<!--// Footer -->
</div>
</body>
</html>